﻿/***框架布局***/
.header{}
.header .tel{ float:right; margin:0px 0 0 0;padding-left:80px;color:#00509a;line-height:30px; font-size:26px;background: url(../images/tel_ico.png) left no-repeat;}
.header .tel span{color:#535353; display: block;font-size:23px; }
.header .long{ margin:30px 0;}
.header .nav{ margin:0px 0 0 0; background: #00509a;}
.header .nav ul li{ position: relative;float:left;  display: block;border-left: solid #0f5aa0 1px;border-right: solid #282828 1px;}
.header .nav ul li hr{ opacity:0;background: #e0791d;margin-top:-2px; height:2px; width:100%; border: none;}
.header .nav ul li a{display: block;color:#fff; font-size:15px;padding:15px 37px; text-align:center; }
.header .nav ul li a:last-child{/*border-right:none*/}
.header .nav ul li a:hover{ background: #003667; color:#fff;}
.header .nav ul li.active{ background: #003667; color:#fff;}
.header .nav ul li:hover hr{ opacity:1;}
.header .nav ul li.active hr{ opacity:1;}
 .header .nav ul li:nth-child(1){ border-left:none}
 .header .nav ul li:last-child{ border-right:none}
.header .nav ul li:hover .box{ display: block;}
.header .nav .box{ display: none; position: absolute;z-index:999;left:0;top:50px;border:1px #f5f5f5 solid;float:left;padding:20px 30px;width:555px;margin:0 0 0 -120px; background:#f5f5f5}
.header .nav .box .left{ float:left;width:140px; }
.header .nav .box .left a{text-align:left; line-height:35px;color:#666; padding:0 0 0 10px;font-size:13px; border-bottom: dashed 1px #ddd;background: url(../images/arrow_02.png) left no-repeat;}
.header .nav .box .left a:hover{ color:#289BAE}
.header .nav .box img{float:right;width:300px;}
/**
.header .nav ul li:hover .box{ display: block;}
.header .nav .box{ display: none; position: absolute;z-index:999;left:0;top:50px;border:1px #f5f5f5 solid;float:left;padding:20px 30px;width:360px;margin:0 0 0 -120px; background:#f5f5f5}
.header .nav .box .left{ float:left;width:140px; }
.header .nav .box .left a{text-align:left; line-height:35px;color:#666; font-size:13px; border-bottom: dashed 1px #ddd;}
.header .nav .box .left a:hover{ color:#289BAE}
.header .nav .box img{float:right;width:200px;}
*/
.icoBoxOne{ padding:10px 0 0 20px;display: block; width:141px; text-align: center; height:39px; color:#666; font-size:14px;background: url(../images/ico_05.png) no-repeat center;}
.icoBoxOne:hover{ background: url(../images/ico_05h.png) no-repeat center; color:#fff}
.Imgbox img{ display: block; margin: auto; max-width:100%;}
.DE-Bg{ background: url(../images/de-bg.jpg) no-repeat center bottom}
/*titleOne*/
.titleOne{ margin:0 0 20px 0}
.titleOne img{ display: block; margin:auto;}
/*.title-two*/
.title-two{ font-size:30px;color:#00529c;line-height:25px;}
.title-two span{color:#DDD; font-size:15px;    text-transform: Uppercase;}
.title-two a{float:right;color:#333; font-size:14px; padding-left:20px;background: url(../images/arrow_03.png) no-repeat left;}
/*title-three*/
.title-three{ font-size:30px;color:#00529c;line-height:25px; text-align: center; margin:0 0 50px 0}
.title-three span{ color:#DDD; font-size:15px;  background:#fff; padding:5px 10px;    text-transform: Uppercase;}
.title-three hr{display: block; margin-top:-10px; background: #ddd; border: none; height:1px;}
/*homeA*/
.homeA{padding:50px 0 40px 0; background: url(../images/homeabg.jpg) no-repeat center;}
.leftNav{ width:240px; background: #fff;padding-bottom:20px;}
.leftNav h2{width:100%;padding:20px 0 20px 50px; height:106px;font-size:26px;color:#Fff; background: url(../images/title_01.png) no-repeat left;}
.leftNav h2 span{ display: block; font-size:14px; color:#fff}
.leftNav ul{margin:0px; padding:0px 0 20px 0; }
.leftNav ul li{}
.leftNav ul li h3{line-height:60px; background: url(../images/line_01.png) no-repeat bottom center;}
.leftNav ul li h3 a{margin-left:50px; font-size:17px;color:#00529c; padding-left:20px; background: url(../images/arrow_01.jpg) no-repeat left; }
.leftNav ul li .sonNavContent{padding:10px 0 0 0}
.leftNav ul li .sonNavContent a{ display: block; margin-left:70px; line-height:35px;color:#333;padding-left:10px; font-size:15px; background: url(../images/arrow_02.png) no-repeat left;}
.leftNav ul li .sonNavContent a:hover{ color:#00529c}
.leftNav ul li h3.active a{color:#f60}
.leftNav ul li .sonNavContent a.active{color:#f60}
.homeA .right{width:952px;}
.homeA .list-six a{margin:0 0 15px 15px; border:1px #bbb solid }
.homeA .list-six a img{ width:300px; height:220px;padding:0px;}
.homeA .down{}
.homeA .down img{width:100%;height:305px;}
.list-six a{ position: relative; display: inline-block; margin:0 0 35px 35px; background: #fff; overflow: hidden;border:1px #ddd solid; float:left; }
.list-six h4.one{color:#333; text-align: center;padding:10px 0}
.list-six a .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%;  background:rgba(0,102,153,0.7)}
.list-six a img{ width:280px; height:200px; display:block; padding:20px;}
.list-six a .box h4.two{ color:#fff;font-size:14px;  margin:10px 0 0 0}
.list-six a .box img{ display: block; margin: auto; height:auto;width:auto;}
.list-six a:hover .box{ opacity: 1;top:0}
.list-six a:hover h4.one{ opacity: 0;}
.list-six a:hover .rightDown span{   border-bottom: 35px solid #e0791d;}
.list-six .rightDown span{
	 position:absolute; bottom:0;right:0;    /* -webkit-animation-fill-mode: both; */
    /* animation-fill-mode: both; */
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-bottom: 35px solid #00529c;
    -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;}
.list-six .rightDown b{ 	 position:absolute; bottom:1px;right:3px;  color:#fff; font-size:20px;}
/*.homeB*/
.homeB{ margin:50px 0}
.homeB .bg{ float:left; width:100%; background:url(../images/homebbg.jpg) no-repeat center;}
.homeB .box{ float:left; width:600px;height:300px;height:515px;padding:10px 50px;}
.homeB .box h3{color:#00529c; font-size:26px;font-weight: bold; margin:20px 0}
.homeB .box p{font-size:13px; color:#555;line-height:25px; margin:20px 0 10px 0}
.homeB .box span{color:#00529c;}
.homeB .box em{ margin:0 5px 0 0; font-style:normal;color:#00529c;}
.homeB .box img{ display: block; }
.homeB .one{padding:20px 20px 0 100px}
.homeB .two{padding:20px 90px 0 40px}
.homeB .two img{margin-left:-38px;}
.homeB .three{padding:20px 20px 0 100px}
.homeB .four{padding:20px 90px 0 40px}
/*.homeC*/
.homeC{padding:50px 0; background: url(../images/homecbg.jpg) no-repeat center;}
.homeC .bin{ position:relative;float:left; width:100%; margin:0 0 15px 0}
.homeC .bin .con{ position: absolute; left:563px; top:40px; z-index:99}
.homeC .bin p{color:#333; font-size:15px; padding:50px 50px 0 50px}
.homeC .bin .left{ float:left; width:593px;background:#00529c }
.homeC .bin .left p{float:left;width:350px;color:#fff}
.homeC .bin .left img{float:right; width:240px;}
.homeC .bin .right{ float:right; width:593px; background:#fff}
.homeC .bin .right p{float:right;width:350px;color:#333}
.homeC .bin .right img{float:left;width:240px;}
/*.homeD*/
.homeD{}
.homeD {margin:50px 0 0 0}
.homeD .picScroll-left{ width:1220px;margin:30px 0 0 -17px;  position:relative;    }
.homeD .picScroll-left .hd{   }
.homeD .picScroll-left .hd .prev,.homeD .picScroll-left .hd .next{ position: absolute; top:100px; display:block;  width:40px; height:40px;  overflow:hidden;
			 cursor:pointer; background:#000;z-index: 99999;}
.homeD .picScroll-left .hd .prev{ left:-10px; background:#00529C url(../images/prev_ico.png) no-repeat center }
.homeD .picScroll-left .hd .next{ right:-20px; background:#00529C url(../images/next_ico.png) no-repeat center}
.homeD .picScroll-left .hd .prev:hover{  background:#dd9322 url(../images/prev_ico.png) no-repeat center }
.homeD .picScroll-left .hd .next:hover{  background:#dd9322 url(../images/next_ico.png) no-repeat center}
.homeD .picScroll-left .hd ul li.on{ background-position:0 0; }
.homeD .picScroll-left .bd{ /*padding:10px;*/  overflow: hidden;  }
.homeD .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.homeD .picScroll-left .bd ul li{ width:310px; float:left; _display:inline;  text-align:left;border-right:dashed 1px #bbb ;   }
.homeD .picScroll-left .bd ul li img{ width:273px; height:214px; display:block;  margin:auto }
.homeD .picScroll-left .pageState{ display: none;}
.homeD .picScroll-left .bd ul li .box{ padding:0 20px;}
.homeD .picScroll-left .bd ul li .box p{color:#666; font-size:12px;margin:0 0 20px 0}
.homeD .picScroll-left .bd ul li .box h4{color:#00529c; font-size:18px;margin:15px 0}
.homeD .picScroll-left .bd ul li .effect_two{width:273px;height:214px; margin: auto;}
.homeD .picScroll-left .bd ul li a:hover .box .icoBoxOne{ background: url(../images/ico_05h.png) no-repeat center; color:#fff}
.homeD .picScroll-left .bd ul li a:hover .box p{color:#00529C}
/*.homeE*/
.homeE{ margin:50px 0 70px 0;}
.homeE .container{ background: #fff; padding:30px 40px; }
.homeE .tone{ float:left; width:100%;padding-top:30px; padding-bottom: 30px; border-bottom: 1px #ddd solid;}
.homeE .tone img{ float:left; width:408px;}
.homeE .tone .frame{ float:right;width:670px;}
.homeE .tone .frame h4{ font-size:18px;color:#333}
.homeE .tone .frame p{ color:#666; font-size:13px; margin:20px 0;line-height:25px;}
.homeE .tone .frame a{ float:left; margin-top:25px; color:#fff; background: url(../images/ico_05h.png) no-repeat center}
.homeE .down{ float:left; width:100%;margin:20px 0 0px 0;}
.homeE .picScroll-left{ width:1130px;margin-left:-10px;  position:relative;    }
.homeE .picScroll-left .hd{   }
.homeE .picScroll-left .hd .prev,.homeE .picScroll-left .hd .next{ position: absolute; top:55px; display:block;  width:40px; height:40px;  overflow:hidden;
			 cursor:pointer; background:#000;z-index: 99999;}
.homeE .picScroll-left .hd .prev{ left:-15px; background:#00529C url(../images/prev_ico.png) no-repeat center }
.homeE .picScroll-left .hd .next{ right:-15px; background:#00529C url(../images/next_ico.png) no-repeat center}
.homeE .picScroll-left .hd .prev:hover{  background:#dd9322 url(../images/prev_ico.png) no-repeat center }
.homeE .picScroll-left .hd .next:hover{  background:#dd9322 url(../images/next_ico.png) no-repeat center}
.homeE .picScroll-left .hd ul li.on{ background-position:0 0; }
.homeE .picScroll-left .bd{ /*padding:10px;*/  overflow: hidden;  }
.homeE .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.homeE .picScroll-left .bd ul li{ width:226px; float:left; _display:inline;  text-align:left;  }
.homeE .picScroll-left .bd ul li img{ width:214px; height:143px; display:block;  margin:auto }
.homeE .picScroll-left .pageState{ display: none;}
.homeE .picScroll-left .bd ul li h4{color:#333; font-size:14px; text-align: center; line-height: 30px;}
.homeE .picScroll-left .bd ul li .effect_two{width:214px;height:143px; margin: auto;}
.homeE .picScroll-left .bd ul li a:hover h4{color:#00529C}
/*.homeF*/
.homeF{margin:50px 0}
.homeF .tabPanel{}
.homeF .tabPanel .tone{ float:left;width:100%; text-align: center;}
.homeF .tabPanel .tone b{line-height:30px;padding:10px 0;margin:0 20px; border-bottom:1px #ddd solid ; color:#2e2e2e; font-size:24px;  cursor: pointer;}
.homeF .tabPanel .tone b span{color:#cccccc; font-size:20px;text-transform: Uppercase;}
.homeF .tabPanel .tone b.hit{color:#00387d;border-bottom:1px #00387d solid ;}
.homeF .tabPanel .tone b:hover{color:#00387d;}
.homeF .tabPanel .pane{ display: none;}
.homeF .tabPanel .down{ float:left;width:100%; margin:50px 0 20px 0}
.homeF .tabPanel .down .left{ position:relative;float:left; width:500px;}
.homeF .tabPanel .down .right{float:right;width:680px;}
.homeF .tabPanel .down .right a{ float:left;display: block; border-bottom: dashed 1px #ddd;padding:20px 0;}
.homeF .tabPanel .down .right b{ float:left; width:100px;  text-align:center;font-size:42px; color:#00387d}
.homeF .tabPanel .down .right b span{ display:block;color:#999;margin:5px 0 0 0; font-size:12px;}
.homeF .tabPanel .down .right .frame{ float:left; width:510px;margin:0 0 0 10px;}
.homeF .tabPanel .down .right .frame h4{ color:#333; font-size:14px; }
.homeF .tabPanel .down .right .frame p{ color:#7a7a7a;margin:5px 0 0 0; font-size:12px; line-height:22px;}
.homeF .tabPanel .down .right em{float:left;margin:30px 0 0 30px; color:#bbb; border:1px #bbb solid; text-align: center; width:20px;height:20px; font-style: normal;}
.homeF .tabPanel .down .right a:hover em{background: #00387d;color:#fff;border:1px #00387d solid; }
.homeF .tabPanel .down .right a:hover h4{color:#00387d}
.homeF .tabPanel .down .right a:hover p{color:#00387d}
.homeF .tabPanel .down .rightDown{position: absolute;right:0; bottom:0;padding:115px 0 0 0; text-align:center;width:165px; height:162px;color:#fff; font-size:13px; background: url(../images/bgopa01.png) no-repeat center; }
/*rack*/
.rack{ float:left;width:100%; margin:20px 0}
.rack .left{ /*background: #f1f1f1;*/}
.rack .lefter ul{border:1px #ddd solid}
.rack .righter .list-six{float:left;margin-top:20px; width:965px; margin-left:-28px;}
.rack{}
.rack .righter{ width:930px;}
/*left_contact*/
.left_contact{margin:30px 0 0 0;padding:18px;color:#555; font-size:13px; line-height:23px;border: 1px #ddd solid;}
.left_contact img{ margin:0 0 5px 0}
.left_contact .box{}
/*footer*/
.footer{ background: #033572; padding-bottom:30px;}
.footer .nav{ margin:20px 0 50px 0; text-align: center;border-bottom:solid 1px #054593;padding-bottom:20px;
}
.footer .nav a{ display: inline-block; color:#fff; font-size:14px;padding:0 20px; line-height:12px;  border-right: dashed 1px #fff ;}
.footer .nav a:last-child{ border: none;}
.footer .nav a:hover{color:#999}
.footer .left{ width:930px;}
.footer .left img{ float:left; margin-top:13px;}
.footer .left .frame{ float:left; color:#fff; font-size:14px;padding:0 0 0 30px;margin:0 0 0 30px; border-left: 1px #ddd dashed;}
.footer .left .frame a{color:#fff}
.footer .left .frame a:hover{color:#999}
.footer .right{width:255px; padding-left:65px; color:#e89a25; font-size:28px; background:url(../images/tel-ico01.png) no-repeat left;}
.footer .right span{ display: block;color:#fff; font-size:12px;}
.footer .right b{ display: block;color:#fff; font-size:24px;}
.footer .down{ float:left;width:100%;margin:30px 0 0 0; background:#012c61;padding:20px;}
.footer .down h3{float:left; color:#fff;line-height:30px; font-size:12px;color:#fff; margin:0 20px 0 0}
.footer .down h3 span{ margin:0 0 0 10px; color:#999;font-size:12px;}
.footer .down a{ display: inline-block;font-size:12px;line-height:12px;color:#fff; border-right:dashed 1px #fff;  margin:0 10px 0 0; padding:0 10px 0 0}
.footer .down a:last-child{ border:none}
.footer .down a:hover{color:#888}
/*20170512*/
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.fl{float:left;}
.fr{float:right;}
.fn{font-weight:normal;}
.oh{overflow:hidden;}
.peCont{float:right;width:920px;font-size:14px;overflow:hidden;}
.peCont .curt{height:45px;line-height:35px;background:url(../images/conti.png) no-repeat left bottom;font-size:12px;margin-bottom:20px;}
.peCont .curt h2{display:block;float:left;text-align:left;font-size:18px;overflow:hidden;font-weight:normal;}
.peCont .curt span{float:right;background:url(../images/cur.png) no-repeat left center;padding-left:15px;font-size:12px;}
/** product show **/
.prodPic{width:560px;}
.prodPic .big{width:437px;height:400px;position:relative;z-index:1;float:right;border:1px solid #e3e3e3;}
.prodPic .big a{width:435px;height:398px;background:#fff;display:table-cell;text-align:center;vertical-align:middle;}
.prodPic .big a img{vertical-align:middle;max-width:435px;max-height:398px;}
.prodPic .big a{*display:block;*font-family:Arial;*line-height:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}
.prodPic .list{width:112px;height:400px;overflow:hidden;position:relative;float:left;}
.prodPic .list a.prev,.prodPic .list a.next{display:block;width:107px;height:25px;position:absolute;top:0;left:0;background:url(../images/anu.jpg) no-repeat;overflow:hidden;cursor:pointer;}
.prodPic .list a.next{top:auto;bottom:0;background-position:0 -50px;}
.prodPic .list a.prev:hover{background-position:0 -25px;}
.prodPic .list a.next:hover{background-position:0 -75px;}
.prodPic .list .thumb{position:relative;width:112px;height:334px;overflow:hidden;top:33px;}
.prodPic .list .thumb ul{position:absolute;height:99999px;}
.prodPic .list .thumb ul li{background:none;float:left;width:107px;height:85px;position:relative;}
.prodPic .list .thumb ul li a{display:block;width:103px;height:75px;border:2px solid #e3e3e3;text-align:center;background:#fff}
.prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;}
.prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;}
.prodPic .list .thumb ul li a.selected{border-color:#0c4a9c;}
.prodPic .list .thumb ul li a.selected em{background:url(../images/jt.png) no-repeat;}
.prodTitle{width:320px;overflow:hidden;}
.prodTitle h2{font-size:20px;padding:10px 0;border-bottom:1px dotted #e3e3e3;margin-bottom:15px;}
.prodTitle .txt{line-height:25px;height:200px;overflow:hidden;}
.prodTitle .txt span{color:#333;}
.prodTitle .fenx{padding-top:15px;margin-top:15px;border-top:1px dotted #e3e3e3;overflow:hidden;}
.prodTitle .tel{float:left;background:url(../images/st.jpg) no-repeat left center;padding-left:50px;margin-top:15px;color:#0c4a9c;}
.prodTitle .tel span{display:block;font-size:24px;font-family:arial;}
.prodTitle a.lx{float:left; display:block;font-size:14px;padding:5px 10px; margin:30px 0 0 30px; background:#f60;color:#fff;}
.prodTitle a.lx:hover{ background:#666}
.prodTab{overflow:hidden;margin-top:40px;}
.prodTab .list{height:40px;border-bottom:2px solid #e3e3e3;margin-bottom:20px;}
.prodTab .list li{display:block;width:130px;height:40px;line-height:40px;float:left;text-align:center;font-size:16px;background:#e3e3e3;color:#333;border-radius:3px 3px 0 0;margin-right:2px;}
.prodTab .list li.on{color:#fff;background:#0c4a9c;}
.prodTab .listA table{width:100%;border-color:#dadada;}
.prodTab .listA table td{line-height:35px;border-color:#dadada;}
.prodTab .listA table tr:hover{background:#eaeaea;}
.prodOrder{padding:25px;background:#f4f4f4;overflow:hidden;margin-top:20px;}
.prodOrder h3{font-size:15px;line-height:18px;font-weight:normal;}
.prodOrder .table{padding-top:20px;overflow:hidden;}
.prodOrder .table li{width:395px;height:215px;float:left;height:35px;margin-bottom:10px;}
.prodOrder .table li span{float:left;border:1px solid #e3e3e3;line-height:33px;height:33px;width:78px;display:inline-block;text-align:center;background:#fff;}
.prodOrder .table li .iptTxt{float:right;width:304px;border:1px solid #e3e3e3;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#999;padding-left:10px;}
.prodOrder .table li .iptCode{float:left;width:185px;border:1px solid #e3e3e3;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#999;padding-left:10px;}
.prodOrder .table li .checkcode{float:right;border:1px solid #ddd;border-left-width:0;background:#fff;padding:0 9px;}
.prodOrder .table li .btn{width:395px;height:35px;line-height:35px;background:#0c4a9c;cursor:pointer;color:#fff;text-align:center;border:none;}
.prodOrder .table li .btn:hover{background:#007eed;color:#fff;}
.prodOrder .table li.areLi{width:430px;float:right;height:180px;overflow:hidden;}
.prodOrder .table li.areLi .txtContent{width:430px;height:180px;border:1px solid #e3e3e3;outline:none;resize:none;padding:15px;color:#999;line-height:18px;background:#fff;}
/*list-logo*/
.list-logo a{float:left; width:212px; margin:10px 10px 20px 10px}
.list-logo a img{ width:100%;height:140px}
.list-logo a h4{font-size: 18px;margin:15px 0;color: #333;text-align:center;}
.list-logo .effect_two{ border:1px #ddd solid}
.list-logo  a:hover .effect_two{border:1px #00529c solid}
.list-logo  a:hover h4{color:#00529c}
/** picture list **/
.uLt{width:950px;}
.lt{width:291px;padding:9px 9px 0;background:#f5f5f5;float:left;margin-right:25px;position:relative;margin-bottom:20px;border-bottom:2px solid #e8e8e8;}
.lt a{width:100%;display:block;overflow:hidden;}
.lt h3{font-size:15px;line-height:40px;text-align:center;}
.lt img{ width:100%;}
.lt:after,.lt:before,.soulList li:before,.soulList li:after{content:'';position:absolute;bottom:-2px; width:0;height:2px;background:#007eed;-webkit-transition:0.4s;transition:0.4s;}
.lt:before,.soulList li:before{left:0;}
.lt:after,.soulList li:after{right:0;}
.lt:hover:after,.lt:hover:before,.soulList li:hover::before,.soulList li:hover::after{width:50%;}
.lt:hover h3{color:#007eed;}
.parList li{width:175px;margin-right:23px;}
.soulList{width:990px;}
.soulList li{width:265px;float:left;margin-right:22px;margin-bottom:30px;position:relative;background:#f4f4f4;border-bottom:2px solid #dadada;}
.soulList li .pic{display:block;width:265px;height:194px;overflow:hidden;}
.soulList li .pic img{width:100%;height:100%;}
.soulList li .txt{padding:15px;height:130px;}
.soulList li .txt h3{line-height:18px;font-size:14px;}
.soulList li .txt h3 a{color:#333;}
.soulList li .txt h4{font-family:arial;color:#999;font-weight:normal;}
.soulList li .txt p{line-height:22px;color:#777;}
.soul li .pic{width:290px;height:202px;}
.tr,.enl img{
-webkit-transition:all .4s ease-in-out;
   -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
     -o-transition:all .4s ease-in-out;
        transition:all .4s ease-in-out;
}
.enl:hover img{
-webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
     -o-transform:scale(1.1);
        transform:scale(1.1);
}
.gray img{
-webkit-transition:all .4s ease-in-out;
   -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
     -o-transition:all .4s ease-in-out;
        transition:all .4s ease-in-out;
-webkit-filter:grayscale(100%);
   -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
     -o-filter:grayscale(100%);
        filter:grayscale(100%);
        filter:gray;
        filter:url(gray.svg#grayscale);
}
.gray a:hover img{
-webkit-filter:grayscale(0%);
   -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
     -o-filter:grayscale(0%);
        filter:grayscale(0%);
        filter:none;
}
.newsDetail h2{font-size:24px;line-height:26px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;}
.newsDetail .msg{text-align:center;border-bottom:1px solid #e7e7e7;font-family:"宋体";font-size:12px;padding-bottom:5px;}
.newsDetail .msg span{padding:0 7px;color:#999;}
.newsDetail .msg .fonts a{padding:0 3px;}
.newsDetail .msg a.active{font-weight:bold;color:#0c4a9c;}
.newsDetail .detailCont{padding:20px 0;line-height:26px;overflow:hidden;}
.newsDetail .detailCont .pic{text-align:center;padding-bottom:20px}
.pagIng{border:1px solid #dadada;padding:8px 15px;overflow:hidden;}
.pagIng .fl{width:665px;height:60px;padding-right:30px;border-right:1px solid #dadada;}
.pagIng .fl a{height:30px;line-height:30px;}
.pagIng .fr{line-height:28px;display:block;width:85px;height:28px;margin-top:16px;text-align:center;color:#fff;border-radius:2px;background:#0c4a9c;}
.pagIng .fr:hover{background:#007eed;color:#fff;}
.recTitle{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 12px #eee;font-weight:bold;color:#333;font-weight:normal;margin-top:20px;}
.relNews{overflow:hidden;margin-top:15px;}
.relNews ul{width:900px;}
.relNews ul li{float:left;margin-right:40px;width:400px;height:28px;line-height:28px;}
.relNews ul li a{display:block;width:270px;line-height:28px;background:url(../images/arrow_02.png) no-repeat left center;padding-left:15px;float:left;font-size:12px;height: 28px;}
.relNews ul li a:hover{background:url(../images/arrow_one.png) no-repeat left center;margin-left:5px;}
.relNews ul li span{float:right;color:#999;}
.faqList{ float:left;width:100%;}
.faqList li{position:relative;margin-bottom:25px;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#0c4a9c;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative;padding:0 60px;background-color:#f5f5f5;line-height:54px;font-size:16px;cursor:pointer;font-weight:normal;background-image:url(../images/faq.png); background-repeat:no-repeat;background-position:20px 0;}
.faqList li div{display:none;padding:25px 60px 0 60px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;background:url(../images/faq.png) no-repeat 20px -155px;font-size:14px;}
@-webkit-keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
.content_des{width:925px;border:1px dotted #e5e5e5;text-indent:24px; padding:8px; margin:0 0 20px 35px;}
.content_des p{font-size:13px;color:#868686;line-height:24px}
.area{ width:900px; height:auto; overflow:hidden; margin-bottom:15px;}
.area ul li{float:left;margin-right:28px}
.area ul li a{font-size:14px;line-height:28px;color:#5a5a5a}
.area ul li a:hover{color:#033572}
.xgxw{ width:900px; height:auto; overflow:hidden; margin-bottom:15px;}
.xgxw ul li{ float:left; display:inline; width:48%; margin-right:2%; line-height:30px;}
.xgxw ul li span{ float:right; color:#5a5a5a}
.linkbg{ background:#121212; width:100%; height:auto; overflow:hidden; padding: 15px 0 0;}
.link{ width:1200px; height:auto; margin:0px auto 15px; overflow:hidden; }
.link span{height:42px;color:#333;font-size:14px;border:1px solid #333; display:block; float:left;width:115px;text-align:center;line-height:42px;margin-left:0px}
.link ul li{float:left;margin-left:28px; line-height:40px;}
.flash{  width:100%;height:600px; overflow:hidden; position:relative; }
.flash .hd{ height:4px; overflow:hidden; position:absolute; left:45%; bottom:15px; z-index:1; }
.flash .hd ul{ overflow:hidden; zoom:1; float:left;  }
.flash .hd ul li{ float:left; margin-right:8px;  width:50px; height:4px; line-height:14px; text-align:center; background:#00529c; cursor:pointer; }
.flash .hd ul li.on{ background:#ff8200; color:#fff; }
.flash .bd{ position:relative; height:100%; z-index:0;   }
.flash .bd li{ zoom:1; vertical-align:middle; width:100%; height:600px; display:block; }
.flash .bd li a{ width:100%; height:600px; display:block; }
.flash .prev{ position:absolute; left:3%; top:50%; margin-top:-45px; display:block; width:42px; height:84px; background:url(../images/prevc_ico.png) no-repeat;   }
.flash .next{ position:absolute; right:3%; top:50%; margin-top:-45px; display:block; width:42px; height:84px;  background:url(../images/nextc_ico.png) no-repeat;   }
.flash .prevStop{ display:none;  }
.flash .nextStop{ display:none;  }